parallax.jpg 引言 视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果。 其实，这项技术早在 2013 年就已经开始在一些国外的网站中得到了大量的应用。由于它给网站带来了非常出色 ...

主要使用CSS中的 preserve-3d 、perspective 属性实现3D效果 效果 GIF.gif HTML代码 <div class="face fron ...

Css3文本与字体 文本阴影 h1 { text-shadow: 5px 5px 5px red; } word-break换行： h1:nth-child(1) { word-break: normal; } /*英文：一行放不下 ...

定义Vue组件 什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可； 组件化和模块化的不同： 模块化： 是从代码逻辑的角度进行划分的 ...

（本文在较早之前在本人知乎账号为“BOOM”的数据可视化专栏发表过：知乎链接，所以也可到本人知乎上的文章分享查看更多文章） （本文章代码来自网络与《D3API详解》这本书，收集做学习交流之用） 说明：本文实用d3.js版本为v3。 1、捆绑 ...

内容：歌曲播放页面、搜索页面、stylus、vuex 一、歌曲播放页 1.获取歌曲播放地址 https://music.163.com/song/media/outer/url?id=歌曲编号.mp3 2.获取歌曲信息 接口地址： http ...

关于专题【vue开发音乐App】 页面成功加载数据之前给用户展示一个loading动画（提示正在加载）可以增强用户体验，下面将该功能封装成自定义组件，便于日后开发调用。loading属于基础组件，所以归纳在src/base/loading下 ...

关于专题【vue开发音乐App】 何为listview？简单来说就是类似于我们手机自带的通讯录列表、音乐APP的歌手列表、外卖APP的分类菜单……，本文介绍的listview组件具备以下特性： 列表数据按照一定的分组依据（如热门、A、B、C ...

微信订阅号：Rabbit_svip Array.from 方法用于将两类对象转换为真正的数组： 1、类似数组的对象，可以理解为“伪数组” 2、可遍历对象（比如字符串） 什么是伪数组？ 伪数组都有一个基本的特点：必须有 length 属性。 ...

CSS 布局本质就是控制元素的位置和大小。比如这样的布局：元素宽960px，水平居中。宽960px是大小。水平居中是位置。又如这样的布局：两个元素在一行，左侧元素固定宽200px，右侧元素撑满剩余空间。固定宽200px，撑满剩余空间是大小。 ...